body {
    background-color: var(--themeColor);
}

.main {

    padding-top: .88rem;
    padding-bottom: 2.5rem;
    .address-item {
        background-color: var(--ff);
        border-radius: .20rem;

        .top {
            margin-bottom: .2rem;

            .name, .tel {
                font-size: var(--default-font-size-28);
                font-weight: bold;
                color: var(--dcl);
            }

            .tel{
                margin-left: .2rem;
            }

            .default {
                font-size: .22rem;
                color: #FFFFFF;
                background: #EC1B24;
                border-radius: .16rem;
                padding: .03rem .1rem .05rem .1rem;
                margin-left: .2rem;
            }
        }

        .details {
            font-size: .25rem;
            color: var(--dcl);
        }

        .btn-container {


            .default {
                .icon {
                    width: .35rem;
                    height: .35rem;
                }

                .text {
                    font-size: var(--default-font-size-26);
                    color: var(--dcl);
                    margin-left: .1rem;
                }
            }

            .operate {
                .delete {
                    color: red;
                    font-size: var(--default-font-size-26);
                }

                .delete i {
                    font-size: .36rem;
                }

                .edit {
                    color: var(--dcl);
                    font-size: var(--default-font-size-26);
                    margin-left: .4rem;
                }

                .edit i {
                    font-size: .36rem;
                }
            }

        }
    }

    .add{
        position: fixed;
        bottom: 0;
        left: 0;
    }
}